<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>顺山科技智慧生活服务平台</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/bind/bind.css(css=${css})}"/>
		</th:block>
	</head>
	
	<body>
		<div class="wrap-mobile">
			<div class="demos-title"><img th:src="@{{image}/mobile/bind/bind_ipone.png(image=${image})}"><h1>请绑定手机号码</h1></div>
			<div class="weui-cells weui-cells_form">
				  <div class="weui-cell weui-cell_vcode">
						<div class="weui-cell__bd">
						  <input id="phone" class="weui-input" type="tel" placeholder="请输入手机号" onkeyup="inputKeyup();">
						</div>
						<div class="weui-cell__ft">
						  <button id="send" class="weui-vcode-btn" onclick="sendClick();">获取验证码</button>
						</div>
				  </div>
			  
				  <div class="weui-cell weui-cell_vcode">
					  <div class="weui-cell__bd">
					  	  <input id="code" class="weui-input" type="number" placeholder="请输入验证码" onkeyup="inputKeyup();">
					  </div>
				  </div>
			</div>
			<div class="weui_btn_area">
				<a id="submit" class="weui_btn weui_btn_primary disabled" type="submit" onclick="bindClick();">确认绑定手机号</a>
			</div>
		</div>
		
		<script type="text/javascript" th:src="@{{js}/mobile/bind/bind.js(js=${js})}"></script>
	</body>
</html>
